<template>
    <div
      style="
        width: 343px;
        height: 182px;
        background: white;
        margin-left: 5px;
        border-radius: 10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
      "
    >
      <div
        style="width: 70px; height: 70px; text-align: center; overflow: hidden"
      >
        <div
          style="
            width: 32px;
            height: 32px;
            background: rgba(186, 224, 255, 1);
            margin: auto;
            border-radius: 6px;
            margin-top: 5px;
          "
          @click="goRegister"
        ></div>
        <p style="font-size: 14px; margin-top: 5px">入院登记</p>
      </div>
      <div
        style="width: 70px; height: 70px; text-align: center; overflow: hidden"
      >
        <div
          style="
            width: 32px;
            height: 32px;
            background: rgba(186, 224, 255, 1);
            margin: auto;
            border-radius: 6px;
            margin-top: 5px;
          "
          @click="goCertificate"
        ></div>
        <p style="font-size: 14px; margin-top: 5px">入院陪护证</p>
      </div>
      <div
        style="width: 70px; height: 70px; text-align: center; overflow: hidden"
      >
        <div
          style="
            width: 32px;
            height: 32px;
            background: rgba(186, 224, 255, 1);
            margin: auto;
            border-radius: 6px;
            margin-top: 5px;
          "
          @click="goDservice"
        ></div>
        <p style="font-size: 14px; margin-top: 5px">代寄服务</p>
      </div>
      <div
        style="width: 70px; height: 70px; text-align: center; overflow: hidden"
      >
        <div
          style="
            width: 32px;
            height: 32px;
            background: rgba(186, 224, 255, 1);
            margin: auto;
            border-radius: 6px;
            margin-top: 5px;
          "
          @click="yijiyuyeue"
        ></div>
        <p style="font-size: 14px; margin-top: 5px">住院报告</p>
      </div>
      <div
        style="width: 70px; height: 70px; text-align: center; overflow: hidden"
      >
        <div
          style="
            width: 32px;
            height: 32px;
            background: rgba(186, 224, 255, 1);
            margin: auto;
            border-radius: 6px;
            margin-top: 5px;
          "
        ></div>
        <p style="font-size: 14px; margin-top: 5px">住院预交</p>
      </div>
      <div
        style="width: 70px; height: 70px; text-align: center; overflow: hidden"
      >
        <div
          style="
            width: 32px;
            height: 32px;
            background: rgba(186, 224, 255, 1);
            margin: auto;
            border-radius: 6px;
            margin-top: 5px;
          "
          @click="ZiDongQuHao111"
        ></div>
        <p style="font-size: 14px; margin-top: 5px">中药代煎</p>
      </div>
      <div
        style="width: 70px; height: 70px; text-align: center; overflow: hidden"
      >
        <div
          style="
            width: 32px;
            height: 32px;
            background: rgba(186, 224, 255, 1);
            margin: auto;
            border-radius: 6px;
            margin-top: 5px;
          "
          @click="MenZhenDaoZhenDan"
        ></div>
        <p style="font-size: 14px; margin-top: 5px">满意度调查</p>
      </div>
      <div
        style="width: 70px; height: 70px; text-align: center; overflow: hidden"
      >
        <div
          style="
            width: 32px;
            height: 32px;
            background: rgba(186, 224, 255, 1);
            margin: auto;
            border-radius: 6px;
            margin-top: 5px;
          "
          @click="reg"
        ></div>
        <p style="font-size: 14px; margin-top: 5px">电子票据</p>
      </div>
    </div>
  </template>
  
  <script setup lang="ts">
  import { ref, reactive } from "vue";
  import { useRouter } from "vue-router";
  
  const router = useRouter();
  
  const goRegister = () => {
    router.push("/register");
  };
  const goCertificate = () => {
    router.push("/certificate");
  };
  const goDservice = () => {
    router.push("/dservice");
  };
  const reg = () => {
    router.push("/DianZiPiaoJu");
  };
  const MenZhenDaoZhenDan = () => {
    router.push("/MenZhenDaoZhenDan");
  };
  const ZiDongQuHao111 = () => {
    router.push("/ZiDongQuHao");
  };
  const yijiyuyeue = () => {
    router.push("/YiJiYuYue");
  };
  </script>
  
  <style scoped></style>